<script setup lang="ts">
defineProps<{
  modelValue: boolean
  show: boolean
}>()

const emit = defineEmits<{
  (e: 'update:modelValue', data: boolean): void
  (e: 'update:show', data: boolean): void
}>()
</script>

<template>
  <div v-if="show" class="dialog">
    <p>弹出层</p>
    <p><button @click="emit('update:show', !show)">确定</button></p>
  </div>
</template>

<style lang="scss" scoped>
.dialog {
  padding: 50px;
  border: 1px solid red;
}
</style>
